<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <!-- 
        路径分两类：
            1）绝对路径
                A）本地绝对路径（基本上不用）
                    D:\录课\20220606\01-HTML\代码\02-常见的元素\images\01.webp
                B）网络上的绝对路径（会用到）
                    https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_bt%2F0%2F12683920161%2F1000.jpg&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1657160761&t=cca2913f46be5208ff6e096b990028ba
            2）相对路径
                相对路径，是相对于当前文件所在的目录来说的。
                ./  表示当前目录   可以不写
                ../  表示上一级目录   必须写
     -->

    <!-- 项目中基本上不会使用 -->
    <!-- 如果图片换位置了，图片就找不一到 -->
    <img src="D:\录课\20220606\01-HTML\代码\02-常见的元素\images\01.webp" alt=""> <br>
    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_bt%2F0%2F12683920161%2F1000.jpg&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1657160761&t=cca2913f46be5208ff6e096b990028ba" alt=""> <br>

    <hr>

    <!-- 不管你是什么样的操作系统，推荐使用 / -->
    <img src="../imgs/02.webp" alt="">
</body>

</html>